/**************************/
 /*        CSS reset       */
/**************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
a, img {margin:0; padding:0; outline:0; border:0; font-size:100%; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
button{outline:none;}
button::-moz-focus-inner{border: 0;}
/*caption, th, td {text-align: left; font-weight: normal;}
table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%; vertical-align:baseline; outline:0; margin:0; padding:0;}
table { border-collapse:collapse; border-spacing: 0;}*/
/******* Default rules tags *******/
body {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; background:#ededed url(../images/bgdTop.png) repeat-x 0 0;}
h1 {font-size:20px; line-height: 26px;}
h2 {font-size:17px; line-height: 22px; }
h3 {font-size:17px;}
h4 {font-size:14px;}
h5 {font-size:12px; line-height: 16px;}
a{text-decoration:none; color: #ff7215;}
a:hover{color: #652f19;}
a img{border: 0;}
input, select, textarea {font-size:12px; border:1px solid #CCC; font-family:Arial, Helvetica, sans-serif; color: #666666;}
textarea{overflow: auto; resize: none;}
p{line-height: 16px; margin: 0 0 16px 0;}
/*font-face*/
@font-face {
    font-family: 'Conv_Conduit_ITC_Bold';
    src: url('../fonts/Conduit_ITC_Bold.eot');
    src: local('â˜º'), url('../fonts/Conduit_ITC_Bold.woff') format('woff'), url('../fonts/Conduit_ITC_Bold.ttf') format('truetype'), url('../fonts/Conduit_ITC_Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Conduit_ITC_Light';
    src: url('../fonts/Conduit_ITC_Light.eot');
    src: local('â˜º'), url('../fonts/Conduit_ITC_Light.woff') format('woff'), url('../fonts/Conduit_ITC_Light.ttf') format('truetype'), url('../fonts/Conduit_ITC_Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*0./// Structure templates :///Common structure all templates//////////////*/	
.wrapContainer {background: url(../images/bgd_container.png) no-repeat center top;}
#container {font-size:12px; width:980px; margin:0 auto; overflow:hidden;}
    /*******Header*******/
    #header{width:980px; overflow: hidden;}
        
        #header .logo{padding:34px 0px 0 27px; float:left; width:294px; overflow: hidden;}
        #header .logo a{display: block;}
        .headerRight{float: right; width: 634px; margin:16px 25px 0 0; overflow: hidden;}
            .headerTop {display:inline; float:right; text-align: right; margin: 0 0 15px 0;}
                .headerTop li{display: inline; float:left; margin: 0 0 0 14px;}
                .headerTop li.first{background: url(../images/bgd_menu_line.png) no-repeat 100% 0; padding: 0px 14px 0px 0;}
                .headerTop li a{display: block; color: #666666; font-size: 13px; font-weight: bold;}
                .headerTop li a:hover{color: #ff7215;}        
                .headerTop li a .uiIcon{border: 1px solid #f6f6f6;}
                .headerTop li a:hover .uiIcon, .headerTop li.active .uiIcon{border: 1px solid #666666;}
        
            .headerInfo{overflow: hidden; float: right; width: 634px;}
            .headerInfo ul{text-align: right; float: right; height: 46px;}
            .headerInfo li{display: inline; float:left; margin: 0 0 0 13px; }
            .headerInfo li a{display: block;}
            .headerInfo .hotline{font-size: 19px; font-family: "Conv_Conduit_ITC_Light", Arial, Helvetica, sans-serif; font-weight: normal; margin: 8px 0; background: url(../images/bgd_hotline.png) no-repeat 100% 0; padding: 0 25px 0 0;}
            .headerInfo .hotline span{font-size: 30px; font-family: "Conv_Conduit_ITC_Bold", Arial, Helvetica, sans-serif; font-weight: bold; color: #398600;}
            
        .innerHeader{width: 980px; overflow:hidden; position: relative; min-height: 150px;}
        .cntPage .frmOrder{width: auto; position: static;}
        .frmOrder{width: 580px; overflow: hidden; position: absolute; top: 0; left: 0;}
        .visuBanner{overflow: hidden; width: 980px; height: 280px; padding: 5px 0 0 0; display: block;}   
        
    /*******main*******/
    #main {width: 970px; overflow:hidden; line-height: 16px; position: relative; margin: -40px 0 0 0; padding: 40px 5px 0 5px; background: url(../images/bgd_main.png) no-repeat 0 0; }
        .innerMain{background: #FFFFFF; border: 1px solid #CCCCCC; overflow: hidden; position: relative; width: 928px; padding: 15px 20px 20px 20px; margin: 0 0 20px 0;}
        .mainTop{overflow: hidden; margin: 0 0 13px 0;}
		.mainTop-type2{background:url(../images/bgd_line_3.png) 0 100% no-repeat; padding-bottom:15px; margin:0; min-height: 40px;}
        .mainType-2 #context{width: 270px;}
        .mainType-2 #content{width: 648px; margin: 0 0 0 10px;}
        #fullContent #content{ width:100%; float:none; margin:0}
        #fullContent #content h3{ background-color:#ff7215; padding:10px 10px 10px 10px; color:#fff; font-size:18px}
        #fullContent .mainTop{ background:url(../images/bgd_line_3.png) 0 100% no-repeat; padding-bottom:15px; margin:0; min-height: 40px;}
        
    /*******nav*******/
    .mainBottom{width: 980px; overflow: hidden; margin: 0 0 35px 0;}
    .mainType-2 .mainBottom{background: none;}
    #nav{width: 608px; overflow: hidden; float: left;}
        #nav .block{float: left; margin: 0 0 0 26px; width: 176px;}
        #nav ul{overflow: hidden;}
        #nav ul li{display: block;}
        #nav .block h3{display: block; color: #5d2b17; text-transform: uppercase; font-weight: bold; font-size: 12px; margin: 0 0 5px 0;}
        #nav ul li a{color: #666666;}
        #nav ul li a:hover{color: #ff7215;}
    .plgSocial{width: 372px; float: left; margin: 33px 0 0 0;}
        
    /********Context*******/			
        #context{float: left; width: 220px;}        
            #context h3{background: url(../images/bgd_gradient_x.png) no-repeat -240px 0; width: 220px; height: 30px; color: #ffffff; font-size: 14px; font-weight: bold;}
            #context h3 span{ padding: 8px 0 8px 10px; display: block;}
            #context ul{background: #f2f2f2; border: 1px solid #e6e6e6; overflow: hidden; margin: -1px 0 0 0; width: 218px; padding: 0 0 20px 0;}
            #context ul.menu li{background: url(../images/bgd_gradient_x.png) no-repeat 0 0; padding: 0 0 0 2px; width: 214px; height: 37px; line-height: 37px;}
            #context ul.menu li:hover, #context ul.menu li.active{background: url(../images/bgd_gradient_x.png) no-repeat -1200px 0;}            
            #context ul.menu li a{color: #652f19; font-weight: bold; display: block; background: url(../images/uiIconLink.png) no-repeat 100% -160px; margin: 0 10px 0 8px;}
            #context ul.menu li a:hover, #context ul.menu li.active a{background-position: 100% -200px;}
            
            /* sub menu*/
            .wrapSubMenu{position: absolute; left: 212px; top: 69px; background: url(../images/bgd_gradient_x.png) no-repeat -1440px 0; width: 175px; z-index: 9999;}
            .subMenuBottom{background: url(../images/bgd_submenu.jpg) no-repeat 0 100%; width: 175px; float: left; height: 7px; line-height: 0;}
            .subMenu{background: url(../images/bgd_repeat_y.png) repeat-y 0 0; width: 175px; float: left; margin: 39px 0 0 0;}
            .subMenu ul{width: 155px; border: 0 none; margin: -35px 0 0 15px; padding: 0; background: none; }
            .subMenu ul li {width: 155px; background: none; height: 20px; line-height: 20px; float: left;}
            .subMenu ul li a{background: none; font-weight: normal; margin: 0; display: block; color: #652f19;}
            .subMenu ul li a:hover{color:#FF7215;}
            
        /********Content*******/
        #content{float: right; width: 690px; margin: 0 0 0 18px;}        
        
        /********Oveview class*******/      
        
    /********footer********/
    .wrapFooter{width: 100%; min-height: 66px; background: url(../images/bgdFooter_repeat.jpg) repeat-x 0 0; text-align: center;}
    #footer {width: 980px; height: 66px; overflow: hidden; margin: 0 auto; background: url(../images/bgdFooter.jpg) no-repeat 0 0; color: #ffffff; line-height: 66px;}	
        #footer a {font-weight: bold; color: #ffffff;}	
        #footer a:hover {color: #ff7215;}	
            
/*1./// Templates pages :///////Specific styles for each page///////////////*/	                       
    /* Search Result Page */
    .resultInfo{float: left; width: 600px; font-size: 18px; font-weight: bold; line-height: 24px;}
    .resultInfo .resultInfoList{font-size: 15px; font-weight: normal; color: #f15922;padding-left:5px;}
    .resultInfo a, .resultInfo span{float:left;}
    .resultInfo .rating{margin:4px 0 0 5px;}
    .sortby{float: right; color: #652f19; font-size: 12px; font-weight: bold;}
    .sortby span{float: left; display: block;}
    .sortby span.sortlbl{margin: 0 14px 0 0; line-height: 26px;}
    .backPage{float: right;}
    .backPage a{color: #666666; font-size: 15px; background: url(../images/uiIconLink.png) no-repeat 0 -240px; padding: 0 0 0 32px; height: 20px; line-height: 20px; display: block;}
    .backPage a:hover{color: #5d2b17;}
    .lstData{overflow: hidden; width: 690px; background: url(../images/bgd_gradient_x.png) no-repeat -480px 100%; padding: 0 0 20px 0; margin: 30px 0 0 0;}
        .lstData li{display: block; border-bottom: 1px solid #e0e0e0; float: left; width: 680px;}             
        .lstData li ul li{border: 0 none; margin: 0 11px 0 0;}            
        .lstData .lstHeading{color: #ff7215; font-weight: bold; padding: 0 0 0 10px; background: url(../images/bgd_repeat_x.png) repeat-x 0 0; border: 0 none; height: 41px;}            
        .lstData .lstHeading a{float: left;}            
            .lstData .lstHeading span{display: block; margin: 13px 0; float: left;}            
            .lstData .lstHeading .col1{width: 410px;}            
            .lstData .lstHeading .col2{width: 118px;}            
            .lstData .lstHeading .col3{width: 84px;}            
            .lstData .lstHeading .col4{width: 68px;}          
            
            .lstData .lstHeading a.uiIcon{width: 9px; height: 5px; float: left; margin: 7px 0 0 3px;}
            
            .lstData li.col1 a img{border: 3px solid #cccccc; width: 100px; height: 100px;}
            .lstData li h4{color: #5d2b17; font-size: 17px; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
            .lstData li h4 a{color: #5d2b17;}
            .lstData li h4 a:hover{color: #FF7215; }
        .lstData li.item{padding: 20px 0 20px 10px; margin: 0; position: relative;}        
        .lstData li.closed{background: #fedacc;}
        .lstData li.closed .sponsored{position: absolute; right: 5px; bottom: 0; color: #FF7215;}
        .lstData li.item p{margin: 0 0 10px 0;}
        .lstData li.item .col1{width: 106px;}
        .lstData li.item .col1 a{display: block;}
        .lstData li.item .col2{width: 283px;}
        .lstData li.item .col3{width: 106px;}
        
        .rating{width: 88px; height: 15px; background: url(../images/bgd_rating.png) no-repeat 0 0; display: block;}
        .rating span{width: 88px; height: 15px; display: block;}
            .rat0 {background-position: 0 0;}
            .rat10 {background-position: 0 -16px;}
            .rat20 {background-position: 0 -32px;}
            .rat30 {background-position: 0 -48px;}
            .rat40 {background-position: 0 -64px;}
            .rat50 {background-position: 0 -80px;}
            .rat60 {background-position: 0 -96px;}
            .rat70 {background-position: 0 -112px;}
            .rat80 {background-position: 0 -128px;}
            .rat90 {background-position: 0 -144px;}
            .rat100 {background-position: 0 -160px;}
        .lstData li.item .col4{width: 72px;}
        .lstData li.item .col5{width: 52px;}
        .lstData li.item .col2 span{display: block; width: 288px;}
        .lstData li.item .col2 a.btnType-2 span{width: auto;}
        .lstData li.last{border: 0;}
        
   /* Restaurant Details page */     
    .shopCart{overflow: hidden; position: absolute; width: 270px; left: 160px; top: 365px;}
    .shopCart h3{background: url(../images/bgd_gradient_x.png) no-repeat -1640px 0; width: 270px; height: 30px; color: #ffffff;}
    .shopCart h3 span{font-size: 18px; font-weight: bold; line-height: 30px; padding: 0 0 0 46px;}
    .shopCart .cartBlock{width: 260px; padding: 9px 4px; background: #F2F2F2; overflow: hidden; border: 1px solid #E6E6E6; margin: -1px 0 0;}     
    .shopCart .cartBlock li{float: left; width: 260px;}     
    .shopCart .cartBlock li.header{font-weight: bold; float: left; margin: 0 0 10px 0;}     
        .shopCart .cartBlock li.header span{display: block; float: left; background: #cccccc; line-height: 23px; margin-right: 3px;}     
        .shopCart .cartBlock li.header span.last{margin-right: 0;}     
        .shopCart .cartBlock .shopItem span{display: block; float: left;}     
        .shopCart .cartBlock li.header .col1{width: 138px; padding: 0 0 0 4px;}     
        .shopCart .cartBlock li.header .col2{width: 35px; text-align: center;}     
        .shopCart .cartBlock li.header .col3{width: 77px; text-align: center;}     
        
    .shopCart .cartBlock .shopItem{display: block; float: left; margin: 5px 0; font-size: 11px;}
    .shopCart .cartBlock .shopItem .subItem{display: block; float: left; margin: 5px 0 0 30px; padding: 0 0 5px 0; border: 0px none; background: none; width: 235px;}
    .shopCart .cartBlock .shopItem .subItem li{font-size: 10px; font-style: italic; width: 235px;}
    .shopCart .cartBlock .shopItem .subItem li .col2{width: 112px;}
    .shopCart .cartBlock .shopItem .subItem li .col4{width: 101px;}
    
        .shopCart .cartBlock .shopItem .uiIcon{display: block;}
        .shopCart .cartBlock .shopItem .col1{width: 20px;}
        .shopCart .cartBlock .shopItem .col2{width: 122px; font-size: 11px;}
        .shopCart .cartBlock .shopItem .col3{width: 42px; text-align: center;}
        .shopCart .cartBlock .shopItem .col3 input{width: 33px; text-align: center;}
        .shopCart .cartBlock .shopItem .col4{margin: 0 16px 0 0; text-align: right; width: 60px;}
        .shopCart .cartBlock .col5{width: 175px; text-align: right; float: left; margin: 0 10px 0 0; font-weight: bold;}
        .shopCart .cartBlock .col6{width: 58px; text-align: right; float: left; margin: 0 16px 0 0; font-weight: bold;}
		
		.shopCart .cartBlock.cartBlockApp .shopItem .col2{width: 132px; font-size: 12px; padding-left:10px}
        .shopCart .cartBlock.cartBlockApp .shopItem{ font-size: 12px; font-weight:bold}
    .shopCart .cartBlock .subTotal{background: url(../images/bgd_line_1.png) no-repeat center top; margin: 10px 0 16px 0; padding: 20px 0 0 0;}
    .shopCart .cartBlock .discount{color: #3d8f01; margin: 0 0 16px 0;}

    .shopCart .cartBlock .pointsCash{font-weight: bold; margin: 12px 0 0 0;}
    .shopCart .cartBlock .pointsCash label{line-height: 17px; vertical-align: middle;}
    .shopCart .cartBlock .redeem{font-weight: bold; margin: 12px 0 0 0; float: right; width: auto;}
    .shopCart .cartBlock .redeem label{line-height: 17px; vertical-align: middle; float: left; margin: 5px 5px 0 0;}
    .shopCart .cartBlock .redeem input{width: 60px;}

    .shopCart .cartBlock .total{background: #cccccc; color: #f15922; font-size: 15px; font-weight: bold; height: 16px; padding: 8px 0; margin: 18px 0;}
    .shopCart .cartBlock .btnCheckout{text-align: center;}
    .shopCart .cartBlock .btnCheckout .btnType-2{margin: 0 0 0 33px;}
    
    .resInfo{overflow: hidden; margin: 30px 0 0 0; width: 100%; position: relative;}
    .resInfo .resImg{width: 106px; float: left;}
        .resInfo .resImg img{width: 100px; height: 100px; border: 3px solid #cccccc;}
    .resInfo .resDetails{width: 532px; float: left; margin: 0 0 0 10px;}
    .resInfo .resDetails p{margin: 0;}
    .resInfo .resDetails h4{color: #5D2B17; font-size: 17px; font-weight: bold; margin: 0 0 10px; text-transform: uppercase; width: 180px;}
    .resInfo .resDetails span{display: block;}
    .resInfo .resDetails span.ratingDes{margin: 0 0 0 92px;}
    .resInfo .resDetails .rating{margin: 0 0 10px 0;}
    
    .resInfo .resInfoRight{position: absolute; right: 0; top: 0; width: 346px;}
    /* Tab Navigation */
    .navTab{float: right; margin: 10px 0 0 0;}
	.navTab.type2{background: url(../images/bgd_line_4.png) 0 100% no-repeat;min-height: 32px;float:left;padding-bottom:1px;margin-bottom:20px;width:100%}
	.navTab li{display: inline; float: left; margin: 0 4px 0 0; position: relative;}
    .navTab li.last{margin: 0;}
    .navTab li a.left{background: url(../images/uiElementForm.png) no-repeat 0 -760px; float: left; font-weight: bold; height: 31px; padding: 0 0 0 16px;}
    .navTab li span.right{background: url(../images/uiElementForm.png) no-repeat 100% -1800px; display: block; height: 31px; padding: 0 16px 0 0;}
    .navTab li span.center{background: url(../images/uiElementForm.png) repeat-x 0 -800px; display: block; float: left; height: 23px; padding: 8px 0 0; color: #ffffff; text-transform: uppercase; min-width: 72px; text-align: center; font-weight: bold;}
    
    .navTab li a:hover span{cursor: pointer;}
    .navTab li a.left:hover, .navTab li.active a.left{background-position: 0 -840px;}
    .navTab li a:hover span.right, .navTab li.active span.right{background-position:  100% -1840px;}
    .navTab li a:hover span.center, .navTab li.active span.center{background-position: 0 -880px;}
    .navTab li.bigText{color:#000000;float:right;font-size:18px;font-weight:bold;line-height:31px;}
    /* Tab Content */
    .cntTab{width: 100%; overflow: hidden; background: url(../images/bgd_gradient_x.png) no-repeat -2000px 0; padding: 26px 0 0 0;}
    .cntTab.typePopup{background:0 none;padding: 10px 0 0 0;}
    .cntTab ul{width: 100%; overflow: hidden; margin: 0; padding: 0;}
    .cntTab .tabTitle{background: #ff7215; position: relative; margin: 10px 0 0 0;}
    
    .cntTab .tabTitle .uiIcon{position: absolute; top: 8px; right: 9px;}
    .cntTab .tabTitle a{color: #ffffff; font-size: 18px; font-weight: bold; height: 22px; padding: 6px 0 3px 10px; display: block;}
    
    .cntTab ul li{border-bottom: 1px solid #e0e0e0; margin: 0; display: block; float: left;}
    .cntTab ul li.last{border: 0 none;}
    .cntTab ul li ul{margin: 0; padding: 0;}
    .cntTab ul li li{ padding: 0; border: 0 none; padding: 20px 0 15px 10px}
    
    .cntTab ul li .col1{width: 52px;}
        .cntTab ul li .col1 a{display: block;}
        .cntTab ul li .col1 img{width: 50px; height: 50px; border: 1px solid transparent;}
        .cntTab ul li .col1 img:hover{border: 1px solid #cccccc;}
    .cntTab ul li .col2{width: 316px;}
    .cntTab ul li .col2 h4{font-weight: bold; font-size: 15px;}
    .cntTab ul li .col3{width: 100px; font-size: 15px; font-weight: bold;}
    .cntTab ul li .col4{width: 130px; text-align: right;}
    .cntTab ul li .col4 .btnType-2{float: right;}
    .cntTab ul li .col3 .line-through { margin-bottom: 5px; text-decoration: line-through;}
    .cntTab ul li .col3 .hot { color: #FF7215;}
    .cntTab .closeTime{float:right;padding-top:5px}
    /* Restaurant Details Information */
    #context ul.lstDelivery{padding: 0 0 10px 0;}
        #context ul.lstDelivery li{background: url(../images/bgd_gradient_x.png) no-repeat 0 0; padding: 0 0 0 2px; width: 214px; height: 37px; line-height: 37px; overflow: hidden;}
        #context ul.lstDelivery li.last{background: none;}
        #context ul.lstDelivery li span{float: left; width: 77px; margin: 0 0 0 18px; color: #652F19; font-weight: bold;}

    #context ul.lstDelivery li.deliInfo{background: #cccccc; background-image: none; margin: 10px 9px 0 9px; padding: 0; height: auto; width: 200px; }
        #context ul.lstDelivery li.deliInfo ul{background: none; border: 0 none; width: 200px; padding: 0; overflow: hidden;}
        #context ul.lstDelivery li.deliInfo li{background: none; margin: 0 0 4px 0; width: 200px; height: 30px; line-height: 30px;}
        #context ul.lstDelivery li.deliInfo span{width: 108px; margin: 0 0 0 10px;}
    
    #context ul.lstDelivery li.lstCharge span{width: 190px; float: left;}
        #context ul.lstDelivery li.lstCharge ul{width: 190px; float: left;}
        #context ul.lstDelivery li.lstCharge ul li{height: auto; line-height: 24px;}
        #context ul.lstDelivery li.lstCharge ul li span{width: 130px; float: left; font-weight: normal;}
    
    .cntTab h4{color: #5d2b17; font-size: 17px; font-weight: bold;}
    .cntTab .fckDefault{margin: 0 10px;}
    .lnkSite a{display: block;}
    
    /* Restaurant Detail Review */
    #fullContent .resultInfo{margin: 0 0 15px 0;}
    #fullContent .cntType-2 .resInfo{margin: 10px 0 0 0;}
    #fullContent .tabReview{float: right; background: none!important; min-height: 32px;}
    #fullContent .cntType-2 .cntTab{background: url(../images/bgd_line_3.png) no-repeat 0 0;}
	

    .cntTab .cntReview{overflow: hidden; width: 100%;}
    .cntTab .cntReview .tabHeading{background: #FF7215; padding: 12px 0; border: 0 none; width: 100%; color: #ffffff; font-weight: bold;}
        .cntTab .cntReview .tabHeading .uiIcon{width: 10px; height: 5px; display: inline-block; margin: 8px 2px 0 2px; vertical-align: top;}
        .cntTab .cntReview .tabHeading .colRating{padding: 0 0 0 10px;}
    .cntTab .cntReview .colReview{margin: 0 10px; width: 680px; float: left;}
    .cntTab.typePopup .cntReview .colReview{width:240px;}
    .cntTab .cntReview .colReview a{color: #ffffff;}
    .cntTab .cntReview .colReview a:hover{color: #5D2B17;}
        .cntTab .cntReview .colReview .reviewDate{font-size: 12px; background: url(../images/bgdLine.png) no-repeat 0 0; margin: 0 0 0 10px; padding: 0 0 0 10px; line-height: 17px; color: #666666; font-weight: normal; display: inline-block;}
        .cntTab .cntReview li.colReview{padding: 20px 0;}
        .cntTab .cntReview li.colReview p{margin: 0;}
    
    .cntTab .cntReview .colName{float:left;width:140px;margin-left:10px}
    .cntTab .cntReview li.colName {padding: 20px 0;}
    .cntTab .cntReview .colRating{width: 218px; float: left;}
    .cntTab .cntReview .colRating li{padding: 0 0 12px 0;}
    .cntTab .cntReview .colRating span.lblRating{float: left; width: 70px; }
    .cntTab .cntReview .colRating span.rating{float: right; width: 120px; }
    
    .cntTab .writeReview{text-align: center; margin: 0 0 10px 0;}
    .cntTab .writeReview a{color: #5D2B17; font-weight: bold; font-size: 14px;}
    .cntTab .writeReview a:hover{color: #FF7215;}
    
    /* Checkout page */
    .cntTab.cntCheckout{ padding-top:0}
        .cntCheckout{ margin-top:20px; float:left}
        .title01{ border-bottom:solid 1px #c2c2c2; overflow:hidden; padding:10px 0 5px 10px}
        .title01 h2{ color:#ff3e0b; font-size:18px; float:left}
        .title01 a.btnType-2{ float:right}
    .infoCustomer{ border-bottom:solid 1px #c2c2c2; padding:20px 0; margin-left:10px}
        .infoCustomer h4{ color:#5d2b17; font-size:17px; padding-bottom:10px}
        .infoCustomer p{ margin:0; color:#666666}
        .infoCustomer span{ font-weight:bold}
    .frmConfirm{ overflow:hidden; padding-top:25px}
        .cntTab .frmConfirm ul{ width:320px; float:left}
        .cntTab .frmConfirm ul li{ border-bottom:none; display:block; overflow:hidden; width:100%; padding-bottom:5px}
        
    /* Restauranteur page */
    .blockTxt{ background:url(../images/bgd_line_5.jpg) 0 0 no-repeat; padding-top:10px; width:931px; margin:35px 0 20px 0}
    .blockTxtCnt{ background:url(../images/bgd_line_6.png) 0 0 repeat-y; border-bottom:solid 1px #999999; padding:0 10px 10px 10px; width:911px;}
    .lstContact{ padding:20px 0 0 0; width: 100%; overflow: hidden;}
        .lstContact ul{ padding-top:25px}
        .lstContact li{ display:block; list-style:none; overflow:hidden; padding:0 0 15px 5px}
        .lstContact li span{ display:block; min-width:145px; float:left; font-weight:bold}
    
    /* Profile user get reward */
    .blockProfile{padding-top:40px;}
        .blockProfile ul.cateReward{ overflow:hidden; padding: 20px 0 0 0;}
        .blockProfile .cateReward li{ list-style:none; display:block; float:left; width:172px; padding:0 17px 20px 0; }
        .blockProfile li.last{ padding-right:0}
        .blockProfile li img{ display:block; border:solid 1px #cccccc; width: 170px; height: 105px;}
        .blockProfile li img:hover{ display:block; border:solid 1px #999999;}
    .blockProfile.blockType-2{padding: 0;}    
    
    .customerDes{overflow: hidden; margin: 28px 0 25px 0; width: 100%;}
    .customerDes .lblDes{width: 114px; float: left;}
    .customerDes .txtDes{width: 370px; float: left; margin: 0 50px 0 0;}
    
    .wrapSelect{background: url(../images/bgd_gradient_x.png) no-repeat -2720px 0; float: left; width: 300px;}
    .currentSelect{background: url(../images/bgd_gradient_x.png) no-repeat -3040px 100%; float: left; width: 300px; padding-bottom: 7px; }    
    .innerSelect{background: url(../images/bgd_repeat_y.png) repeat-y -200px 0; float: left; width: 300px; margin: 7px 0 0 0;}
        .currentSelect ul{width: 300px; overflow: hidden; padding: 0;}
        .currentSelect .heading{border-bottom: 1px solid #e0e0e0; margin: 0 1px; padding: 0 0 7px 10px; width: 288px; color: #5d2b17; font-weight: bold;}
        .currentSelect li{margin: 0 1px; padding: 0; width: 298px;}
            .currentSelect li span{margin: 10px 0 0 12px; float: left;}
            .currentSelect li span.productCount,
            .currentSelect li span.productPoint{float:none;margin:0;}
            .currentSelect li span.col1{width: 124px; }
            .currentSelect li span.col2{width: 150px; }
    .wrapPaging{width: 100%; overflow: hidden;}
    .wrapPaging .lblPaging{width: 50%; float: left; margin: 10px 0;}
	.wrapPaging.type1 .lblPaging{color:#666666;font-weight:bold;padding-left:10px;margin:0}
    .wrapPaging.type1 .paging{float: right;margin:0}
    
    .lstCusSearch{width: 100%;}
    .lstCusSearch li{border-bottom: 1px solid #e0e0e0; padding: 20px 0; overflow: hidden;}
    .lstCusSearch li.heading{background: #FF7215; border: 0 none; margin: 5px 0 0 0; padding: 0;}
        .lstCusSearch li.heading span{font-weight: bold; padding: 10px 0; color: #ffffff;}
        .lstCusSearch li span{float: left; margin-left: 10px; display: block; }
        .lstCusSearch li.btnAction span{margin: 0; }
        .lstCusSearch li span.col1{width: 130px;}
        .lstCusSearch li span.col2{width: 250px;}
        .lstCusSearch li span.col3{width: 135px;}
        .lstCusSearch li span.col4{width: 90px;}
        .lstCusSearch li span.col5{width: 110px;}
        .lstCusSearch li span.col6{width: 140px;}
            .lstCusSearch li span.col5 span{margin: 0;}
            .lstCusSearch li span.col5 .inpType-2 input{width: 24px; text-align: center;}
    .lstCusSearch .btnAction{float: right; border: 0 none;}
	
    .lstOrder{width: 100%;margin:40px 0 30px}
    .lstOrder li{border-bottom: 1px solid #e0e0e0; padding: 17px 0; overflow: hidden;line-height:36px;}
    .lstOrder li.heading{background: #FF7215; border: 0 none; margin: 5px 0 0 0; padding: 0;}
        .lstOrder li.heading span{font-weight: bold; padding: 10px 0; color: #ffffff;}
        .lstOrder li>span{float: left; margin-left: 10px; display: block; }
        .lstOrder li.btnAction span{margin: 0; }
        .lstOrder li span.col1{width: 60px;}
        .lstOrder li span.col2{width: 100px;}
        .lstOrder li span.col3{width: 120px;}
        .lstOrder li span.col4{width: 130px;}
        .lstOrder li span.col5{width: 110px;}
        .lstOrder li span.col6{width: 135px;}
			.lstOrder li span.col6 a{float:left}
		.lstOrder li span.col6 .uiIcon{margin-left:20px}
		.lstOrder li span.col7{width: 70px;}
			.lstOrder li span.col7 a{float:left}
		.lstOrder li span.col8{width: 120px;}
			.lstOrder li span.col8 a{float:left}
	.lstOrder li.last{background: url(../images/lstOrder_shadow.png) no-repeat bottom;height:71px;line-height:71px;padding:0 0 19px;border:0 none;}
	.lstOrder li.last a{float:left;padding:17px 0}
	.lstOrder li.last a.btnType-2{padding:0 0 0 26px;margin-top: 17px;}

    .lstYourFriends{width: 100%;}
    .lstYourFriends li{border-bottom: 1px solid #e0e0e0; padding: 20px 0; overflow: hidden;}
    .lstYourFriends li.heading{background: #FF7215; border: 0 none; margin: 5px 0 0 0; padding: 0;}
        .lstYourFriends li.heading span{font-weight: bold; padding: 10px 0; color: #ffffff;}
        .lstYourFriends li span{float: left; margin-left: 10px; display: block; }
        .lstYourFriends li.btnAction span{margin: 0; }
        .lstYourFriends li span.col1{width: 45px;}
        .lstYourFriends li span.col2{width: 330px;}
        .lstYourFriends li span.col3{width: 160px;}
        .lstYourFriends li span.col4{width: 120px;}
    .lstYourFriends li.last{background: url(../images/lstOrder_shadow.png) no-repeat bottom;height:71px;line-height:71px;padding:0 0 19px;border:0 none;}
	
    .lstTransferPoint{width: 100%;}
    .lstTransferPoint li{border-bottom: 1px solid #e0e0e0; padding: 20px 0; overflow: hidden;}
    .lstTransferPoint li.heading{background: #FF7215; border: 0 none; margin: 5px 0 0 0; padding: 0;}
        .lstTransferPoint li.heading span{font-weight: bold; padding: 10px 0; color: #ffffff;}
        .lstTransferPoint li span{float: left; margin-left: 10px; display: block; }
        .lstTransferPoint li.btnAction span{margin: 0; }
        .lstTransferPoint li span.col1{width: 45px;}
        .lstTransferPoint li span.col2{width: 100px;}
        .lstTransferPoint li span.col3{width: 230px;}
        .lstTransferPoint li span.col4{width: 170px;}
		.lstTransferPoint li span.col5{width: 150px;}
		.lstTransferPoint li span.col6{width: 170px;}
    /* Address Book page */
    .lstShip{ width:100%;}
        .lstShip li{ overflow:hidden; border-bottom:solid 1px #ccc; padding:20px 0;}
        .lstShip li ul{ margin:0; padding:0}
            .lstShip li ul li{ padding:0; border:none; padding:0; display:block; float:left}
            .lstShip li ul li.col1{ width:484px;}
            .lstShip h4{ color:#5d2b17; font-size:17px; padding-bottom:20px}
            .lstShip h4 a{ color:#5d2b17;}
            .lstShip h4 a:hover{ color:#FF7215;}
            .lstShip p{ margin:0; color:#666666}
            .lstShip p span{ font-weight:bold}
            .lstShip li ul li.col2{ width:200px;}
            #fullContent .lstShip{ background:url(../images/bgd_line_3.png) 0 100% no-repeat; padding-bottom:15px; overflow:hidden}
    #fullContent .lstShip li.last{ border-bottom:none}
    #fullContent .lstShip h4{ padding-bottom:10px}
    #fullContent .lstShip p{ padding-bottom:10px}
    #fullContent .navTab{ background:url(../images/bgd_line_4.png) 0 100% no-repeat; min-height:32px;float:none}
    #fullContent .navTab.type02{float:right}
    
/*2./// Types block :///////////Style sheet of type block elements//////////*/
    /*hightlight cuisine slideshow*/	
    .hightlightSlide{background: #ffffff; border: 1px solid #cccccc; width: 968px; overflow: hidden; position: relative;}
    .wrapLstCuisine{margin: 43px 0 0 42px; width: 888px; float: left; overflow: hidden;}
    .lstCuisine{width: 10000px; overflow: hidden; position: relative;}        
    .lstCuisine li{float: left; position: relative; width: 207px; display: inline; padding: 0 20px 33px 0;}
    .lstCuisine li dt a{display: block;}
    .lstCuisine li h4{display: block; font-size: 17px; font-weight: bold; margin: 14px 0;color:#000000;}
    .lstCuisine li img{width: 205px; height: 120px; border: 1px solid transparent;}
    .lstCuisine li img:hover{border: 1px solid #cccccc;}
    a.viewmore{color: #652f19; font-weight: bold; font-size: 12px; background: url(../images/uiIconLink.png) no-repeat 0 -79px; padding: 0 0 0 10px; margin: 12px 0 0 0; display: block;}
    a.viewmore:hover{color: #ff7215; background-position: 0 -120px;}       

    .hightlightSlide .uiIcon{position: absolute; display: block;}
    .hightlightSlide .initIcon-1{margin: 87px 3px 0 15px; left: 0; z-index: 1;}
    .hightlightSlide .initIcon-2{margin: 87px 12px 0 3px; right: 0; z-index: 1;}
    .hightlightSlide .order{display:block;font-size: 17px; font-weight: bold;color:#000000;}

    /* hightlight */
    .hightlight{overflow: hidden; width: 980px; background: url(../images/bgdNav.png) no-repeat center 100%; min-height: 260px;}

    /*block*/	        
    .hightlight .block {overflow: hidden; margin: 25px 0 0 0; padding: 0 22px; position: relative; width: 280px; min-height: 195px; float: left; background: url(../images/bgdBlock.png) no-repeat 0 0; display: block;}	
    .hightlight .block h3{color: #652f19; font-size: 17px; text-transform: uppercase; font-weight: bold; margin: 12px 0 15px 0;}
    .hightlight .block p{margin: 0 0 10px 0;}

    .hightlight .first {margin: 25px 20px 0 23px; padding: 0; width: 287px; background: none;}	
    .hightlight .first li{margin: 0 0 20px 0; width: 275px; position: relative;}	
    .hightlight .first .quote{position: absolute; background: url(../images/uiIcon.png) no-repeat 0 -160px; width: 19px; height: 14px; left: 0;}	
    .hightlight .first li p{margin: 0 0 0 30px;}	
    .hightlight .first li span{display: block;}

    .hightlight .last ul li{font-weight: bold; margin: 0 0 10px 0; width: 270px; float: left;}
    .hightlight .last ul li span{display: block; margin: 10px 0 0 44px;}
    .hightlight .last ul li img{background: url(../images/uiIcon.png) no-repeat 0 0; width: 32px; height: 32px; float: left;}
    .hightlight .last ul li img.step1{background-position: -40px -160px;}
    .hightlight .last ul li img.step2{background-position: -80px -160px;}
    .hightlight .last ul li img.step3{background-position: -120px -160px;}

    /* hightlight Gallery Photo */        	
    .hightlightPhoto{width: 670px; position: relative; overflow: hidden; padding: 0 10px;}
    .wrapGallery{padding:20px 0;width: 630px; float: left; overflow: hidden;margin-left:18px}
    .cntTab ul.lstGallery{width: 10000px; overflow: hidden; position: relative}        
        .cntTab ul.lstGallery li{border: 0 none;}
        .lstGallery li{float: left; position: relative; width: 120px; display: inline; padding: 0 8px 0 0; border: 0 none;overflow:hidden}
        .lstGallery li a{display: block;}
        .lstGallery li img{width: 120px; height: 80px; border: 1px solid transparent;}
        .lstGallery li img:hover{border: 1px solid #cccccc;}

    .hightlightPhoto .uiIcon{position: absolute; display: block; }            
    .hightlightPhoto .initIcon-12{margin: 50px 0 0 0; z-index: 100; left: 0;}
    .hightlightPhoto .initIcon-13{margin: 50px 0 0 0; z-index: 100; right: 0;}

    .cntTitle{float: left;  margin: 0 10px 0 10px; line-height: 17px;}
	.cntTitle.vid{background: url(../images/bgdLine.png) no-repeat 100% 0; padding: 0 10px 0 0}
    .viewVideo{float: left; padding: 0 25px 0 0; background: url(../images/uiIconLink.png) no-repeat 100% -320px; height: 18px; color: #ff390b;}
    .viewVideo:hover{background-position: 100% -360px; color: #5d2b17;}
/*3./// Common block ://////////Style sheet of common block elements////////*/
    /*breadcrumb*/
    .breadcrumb {overflow: hidden; margin: 12px 0; width: 100%;}	
        .breadcrumb li{display: inline; font-weight: bold; background: url(../images/uiIconLink.png) no-repeat 100% -400px; padding: 0 17px 0 0; margin: 0 5px 0 0;}
        .breadcrumb li:hover, .breadcrumb li.current{background-position: 100% -440px;}
        .breadcrumb li.last{background: none;}
            .breadcrumb li a{color: #666666;}
            .breadcrumb li a:hover, .breadcrumb li.current{color: #FF7215;}

    /*paging*/
    .paging{text-align: center; overflow: hidden; margin: 10px 0;}
        .paging ul{display: inline;}
        .paging ul li{font-size: 12px; padding: 0 2px; text-align: center; vertical-align: top; position: relative; display: -moz-inline-stack; display: inline-block;  zoom: 1; *display: inline;}
        .paging ul li a{display: block; line-height: 15px; height: 15px; padding: 0 6px 0 0; vertical-align: top; font-weight: bold; color: #652f19; background: #ffffff; }
        .paging ul li a span{background: #ffffff; padding: 0 0 0 5px; float: left;}
        .paging a.active, .paging a:hover{background: url(../images/uiElementForm.png) no-repeat 100% -680px;}            
        .paging a:hover span, .paging a.active span{background: url(../images/uiElementForm.png) no-repeat 0 -680px;}
        .paging a:hover span{color: #ff7215; cursor: pointer;}

        .paging a.uiIcon{background: url(../images/uiIcon.png); margin: 2px 0; padding: 0;}
        .paging a.initIcon-3{background-position: 0 -200px; width: 12px; height: 10px;}
        .paging a.initIcon-3:hover{background-position: -80px -200px;}
        .paging a.initIcon-4{background-position: -40px -200px; width: 8px; height: 10px;}
        .paging a.initIcon-4:hover{background-position: -120px -200px;}

        .paging a.initIcon-5{background-position: -160px -200px; width: 8px; height: 10px; margin-left: 5px;}
        .paging a.initIcon-5:hover{background-position: -240px -200px;}
        .paging a.initIcon-6{background-position: -200px -200px; width: 12px; height: 10px;}
        .paging a.initIcon-6:hover{background-position: -280px -200px;}            
	/* tips */
	.tips{color:#666666;text-align:left; overflow:hidden; margin:40px 0 50px;}
	.tips span{color:#5d2b17;font-weight:bold;}
	/* point Text */
	.pointText{color:#666666;font-weight:bold;margin:30px 0 20px}
	/* transferPoints */
	.transferPoints{color:#5d2b17;font-size:18px;font-weight:bold;width:100%;position:relative}
	.transferPoints a{color:#ff2d08;font-size:12px;font-weight:bold;position:absolute;top:0;right:0;width:140px}
	.transferPoints a span{position:absolute;top:0;right:0}
	/* shareLink */
	.shareLink{width:100%;overflow:hidden;margin:30px 0}
	.shareLink li{color:#000000;float:left;height:30px;line-height:30px;font-weight:bold;width:100px;margin:0 50px 10px 0}
	.shareLink li.type1{width:115px;}
	.shareLink li.type2{width:125px;}
	.shareLink li.multiLine{line-height:normal}
	.shareLink li a{float:left;margin-right:10px}
    /*fckDefault*/				
    .fckDefault {overflow:hidden; line-height:16px }
        .fckDefault h1, .fckDefault h2, .fckDefault h3, .fckDefault h5, .fckDefault h6{color: #5d2b17;}
    .fckDefault ul , .editorInfo ol{ margin:0 0 10px 0;}
    .fckDefault ol li {}	
    .fckDefault p{margin: 0 0 16px 0; text-align: justify;}
    .fckDefault h4{font-weight: bold; font-size: 17px; margin: 0 0 16px 0;}
	.fckDefault.type02{padding-top:20px}
/*4./// Popup - layer ://///////Style sheet of popup and layer//////////////*/	
	.popup-overlay{position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%;z-index:99;}
    .wrapPopup,
	.itemsPopup{position:absolute; top:-50000px; left:-50000px;z-index:200}
    .popup-02 {margin-top: 51px; position: relative; width: 460px;}
    .popup-02 .line-through { margin-bottom: 5px; text-decoration: line-through;font-weight:bold}
    .popup-02 .hot { color: #FF7215;font-weight:bold}    
    /*Type-01*/
    .popup { position:relative;  margin-top:51px;width:600px;}
    .popup.review{width:710px;}
    .popup.review .centerPopup{overflow: scroll;}
	.popup.map{width:auto}
        .popup .rnd {width:20px; position:absolute; display:block; overflow:hidden}
        .popup .topLeft { top:-48px; left:0; background-position:0 -120px; height:48px }
        .popup .topRight { top:-48px; right:0; background-position:100% -120px; height:48px }
        .popup .bottomLeft { bottom:-18px; height:18px; left:0; background-position:0 -168px;}
        .popup .bottomRight {bottom:-18px; height:18px; right:0; background-position:100% -168px;}
        .popup .topM {top:-48px; left:20px; right:20px; background-position:0 -200px; height:27px; width:auto; padding-top:22px;}
        .popup .topM  h3 { padding:0px 0 0 0; color:#FFFFFF; font-size:15px; text-transform:uppercase; font-weight: bold; float:left; width:42%; margin:0}
        .popup .topM span{ color:#FFF; font-style:italic;}
        .popup .bottomM {bottom:-18px; left:20px; right:20px; background-position:0 -280px;  height:18px; width:auto; background-repeat:repeat-x}		
        .popup .leftM { background-position:-40px 0;} 
        .popup .rightM { background-position:-60px 0;}
		
        /*CenterPopup*/
        .popup .centerPopup {position:relative; background:#FFF; margin:50px 18px 0 18px; padding:4px 10px 10px 6px;overflow:hidden;}
        .centerPopup.errorMes p{text-align: center;margin: 10px 0;font-size: 15px;text-transform: uppercase;font-weight: bold;color:#ff0000;}
        .centerPopup .infoOderDetail{ margin-bottom:10px; width:100%; overflow:hidden}
        .centerPopup .logo{display:block;margin:0 auto;}
		.centerPopup dt{float:left}
		.centerPopup dd{float: left;padding: 30px 14px 0 15px;width: 170px;}
		.centerPopup dd p{margin-top:20px;font-size:15px;font-weight:bold}
            .infoOderDetail h4{ color:#000000; font-size:20px; font-weight:normal; margin-bottom:10px; margin-top:10px;}
            .infoOderDetail h4 .btnType-2{ float:right;}
            .infoOderDetail p{ margin:5px 0px 0px 0px;}
            .infoOderDetail p span{ font-weight:bold;}
            
        .centerPopup .listOder{ width:100%; overflow:hidden;}
            .listOder li { float:left; padding:0 0 30px 15px; background:url(../images/bgd_line_2.png) no-repeat bottom; width:100%;}
            .listOder .clear{ background:none; padding-bottom:0px;}
            .listOder li.title{background:#ff7215;height:39px; font-size:12px; font-weight:bold; color:#FFF;padding-bottom:0px; padding-top:0px; margin-bottom:10px;}
            .listOder li.title span{ padding-top:10px;}
            .listOder li span{ display:block; float:left}
            .listOder li .col1{ width:68px;}
            .listOder li .col2{ width:120px;}
            .listOder li .col3{ width:113px;}
            .listOder li .col4{ width:119px;}
            .listOder li .col5{ width:98px;}
            .listOder li .col6{ width:301px;}
            .listOder li .col7{ width:119px;}
            .listOder li .col8{ width:98px;}
            .listOder .color1{ color:#3a8900;}
            .listOder .color2{ font-weight:bold;}
            .listOder .color3{ color:#ee5822; font-weight:bold; font-size:15px;}
            .listOder dl{ width:227px; float:left; margin-left:305px;}
            .listOder dt{ float:left; width:113px; font-weight:bold; padding:10px 0;}
            .listOder dd{ float:left; width:88px; font-weight:bold; padding:10px 0;}
        
        .popup .close {width:30px; height:31px; background: url(../images/uiIcon.png) -160px -240px no-repeat; position:absolute; top:14px; right:0; z-index:10; cursor:pointer; display:block; text-indent:100px}
        .popup .close:hover  {background-position: -200px -240px;}
	
        /*ui Popup*/		
	.popup .rnd {background-image: url(../images/bgd_ui_popup.png); background-repeat:repeat-x;}
	/*left Middle*/
	.popup .leftM {top:0; left:0; height:100%; background-image: url(../images/bgd_ui_popup_y.png); background-repeat:repeat-y;}
	/*right Middle*/
	.popup .rightM {top:0; right:0; height:100%; background-image: url(../images/bgd_ui_popup_y.png); background-repeat:repeat-y;}

    /*Type-02*/
    .popup-02 { position:relative; margin-top:51px; width:460px;}
        .popup-02 .restaurantDetail{ overflow: hidden;}
        .popup-02 .restaurantDetail dt{ float:left; width:225px; margin-right:15px;}
        .popup-02 .restaurantDetail dd{ float:left; width:172px; margin-top:37px;}
        .popup-02 a{ font-weight:bold; font-size:15px; display:block;}
        .popup-02 span{ display:block; margin: 18px 0 0 0;}
        .popup-02 .restaurantDetail p{margin: 23px 0 0 0; padding: 0 0 0 5px;}
        .popup-02 .restaurantDetail .price{font-size:15px; font-weight:bold;}
        .popup-02 .rnd {width:20px; position:absolute; display:block; overflow:hidden}

        .popup-02 .topLeft { top:-9px; left:0; background-position:0 0; height:9px }
        .popup-02 .topRight { top:-9px; right:0; background-position:100% 0; height:9px }
        .popup-02 .bottomLeft { bottom:-9px; height:9px; left:0; background-position:0 -9px;}
        .popup-02 .bottomRight {bottom:-9px; height:9px; right:0; background-position:100% -9px;}
        .popup-02 .topM {top:-9px; left:10px; right:10px; background-position:0 -40px; height:51px; width:auto; background-repeat:repeat-x; padding-top:18px; height:33px}
        .popup-02 .bottomM {bottom:-9px; left:10px; right:10px; background-position:0 -80px;  height:9px; width:auto; background-repeat:repeat-x}		
        .popup-02 .leftM { background-position:0 0;} 
        .popup-02 .rightM { background-position:-20px 0;}
        /*CenterPopup*/
        .popup-02 .centerPopup {position:relative; background:#FFF; margin:51px 10px 0 10px; padding:4px 10px 10px 6px;overflow:hidden;}
            .popup-02 .close  {width:30px; height:31px; background: url(../images/uiIcon.png) -160px -240px no-repeat; position:absolute; top:11px; right:0; z-index:10; cursor:pointer; display:block; text-indent:100px}
            .popup-02 .close:hover  {background-position: -200px -240px;}
	/*ui Popup*/		
	.popup-02 .rnd {background-image: url(../images/bgd_ui_popup.png); background-repeat:repeat-x;}
        /*left Middle*/
	.popup-02 .leftM {top:0; left:0; height:100%; background-image: url(../images/bgd_ui_popup_y.png); background-repeat:repeat-y;}
	/*right Middle*/
	.popup-02 .rightM {top:0; right:0; height:100%; background-image: url(../images/bgd_ui_popup_y.png); background-repeat:repeat-y;}
    
    /*Type-03*/
    .popup-03 {width:652px;}
        .popup-03 img{width:600px; height: 400px;}
	/* frmPoint */
	.frmPoint .inpType-2 input{width:300px}
    /* frmAuth */
    .frmAuth{ width:420px; margin:0 auto}
        .frmAuth .chkBoxType{ float:left;}
        .frmAuth p{ width:100%;}
        .frmAuth>div{overflow:hidden; width:100%; margin: 0 0 10px 0;}
        .frmAuth a{color:#d40201; font-weight:bold;}
        .frmAuth a.bigLink{color:#652f19; font-size:20px; margin:0 40px 0 0;}
        .frmAuth a.bigLink:hover{color:#FF7215;}
        .frmAuth a.loginFB{float:right}
        .frmAuth h4{float:left; width:100%;margin:20px 0 20px 0; font-size:20px; font-weight:bold;}
        .frmAuth label.labelType-03{ color:#652f19; font-size:15px; font-weight:bold; margin: 0 0 10px 0; width:100%;}
        .frmAuth label.labelType-02{ font-size:12px; font-weight:normal; width:300px;}
        .frmAuth label.labelType-01{ color:#652f19; font-size:15px; font-weight:bold; width:137px; margin-top:9px;}
        .frmAuth label span{ color:#fd571f !important;}
        .frmAuth .inpType-2 input,.frmAuth .inpType-4 span {min-width:400px;}
        .frmAuth .rating2{float:left;margin-top:9px;}

    .frmGeneral .inpType-5 {background-position: 0 -1520px; padding: 0 0 0 8px; height: 33px;}
        .frmGeneral .inpType-5 span { background-position: 100% -1520px; padding: 0 8px 0 0; height: 33px;}
        .frmGeneral .inpType-5 input { background-position: 0 -1560px; background-repeat: repeat-x; width: 260px; height: 23px; padding: 5px 0;}
	
	.rating2 {width:88px; height:15px; padding:0; list-style:none; position:relative; background: url(../images/bgd_rating.png) no-repeat 0 0; }
	/* add these classes to the ul to effect the change to the correct number of stars */
            .no-5{background-position:0 -16px}
            .one{background-position:0 -32px}
            .one-5{background-position:0 -48px}
            .two{background-position:0 -64px}
            .two-5{background-position:0 -80px}
            .three{background-position:0 -96px}
            .three-5{background-position:0 -112px}
            .four{background-position:0 -128px}
            .four-5 {background-position:0 -144px}
            .five{background-position:0 -160px}	
	ul.rating2 li { 
            cursor: pointer;
            /*ie5 mac doesn't like it if the list is floated\*/
            float:left;
            /* end hide*/
            text-indent:-999em;
	}
	ul.rating2 li a {position:absolute; left:0; top:0; width:8px; height:15px; text-decoration:none; z-index: 200; }
            ul.rating2 li.no-5 a {left:0px;}
            ul.rating2 li.one a {left:8px;}
            ul.rating2 li.one-5 a {left:18px;}
            ul.rating2 li.two a {left:26px;}
            ul.rating2 li.two-5 a {left:36px;}
            ul.rating2 li.three a {left:44px;}
            ul.rating2 li.three-5 a {left:54px;}
            ul.rating2 li.four a {left:62px;}
            ul.rating2 li.four-5 a {left:72px;}
            ul.rating2 li.five a {left:80px;}
            ul.rating2 li a:hover { z-index:2; width:88px; height:15px; overflow:hidden; left:0; background: url(../images/bgd_rating.png) no-repeat 0 0;}
            ul.rating2 li.no-5 a:hover {background-position:0 -16px}
            ul.rating2 li.one a:hover {background-position:0 -32px}
            ul.rating2 li.one-5 a:hover {background-position:0 -48px}
            ul.rating2 li.two a:hover {background-position:0 -64px}
            ul.rating2 li.two-5 a:hover {background-position:0 -80px}
            ul.rating2 li.three a:hover {background-position:0 -96px}
            ul.rating2 li.three-5 a:hover {background-position:0 -112px}
            ul.rating2 li.four a:hover {background-position:0 -128px}
            ul.rating2 li.four-5 a:hover {background-position:0 -144px}
            ul.rating2 li.five a:hover {background-position:0 -160px}
        .on{ z-index:2; width:88px; height:15px; overflow:hidden; left:0; background: url(../images/bgd_rating.png) no-repeat 0 0;}
        .video{overflow: hidden; text-align: center; margin: 10px 0 0 0;}
	.overlay {position: absolute; top: 0; left: 0; background: #000; opacity:0.5; filter:alpha(opacity=50);}
/*5./// Adding styles ://///////Style sheet of javascripts function/////////*/
    /*Alert layer */	
    .alertLayer {color:#FFFFFF; background:#ff7215; padding:2px 5px; overflow:hidden; display:block; position:absolute; top:-1500px; z-index: 2000; font-size: 12px; line-height: 14px;}
        .alertLayer .message {color:#424242; padding:0 0 0 5px; margin:0}
    .errorMes{}
/*6./// Form ://////////////////Style sheets of form elements///////////////*/
/*common class on form : checkbox, radio*/
.chekbox { width:13px; height:13px; vertical-align:middle; border:0;}
/*General form */
.frmGeneral {color: #464646; overflow: hidden;}
    .frmGeneral button:hover .btn{cursor: pointer;}    
    .frmGeneral p{float: left; margin: 0 0 20px 0;}
    .frmGeneral input {border: 0px none; width: 258px; height: 19px; line-height: 19px; padding: 0;}
    .frmGeneral textarea{border: 0px none; width: 258px; height: 73px; line-height: 18px; padding: 5px 0; background: none;}
    .frmGeneral label {color: #464646; float: left; width: 90px; margin: 0 4px 0 0;}
    .frmGeneral label span{color: #b87716;}  
    
    .dropdownlist-menu {position: absolute; border: solid 1px #9e9e9e; background: #ffffff; color: #464646; font-size: 12px; z-index: 2000; display: none;}
    .dropdownlist-menu li{margin: 0; line-height: 16px; padding: 5px;}
    .dropdownlist-menu li.current{background: #dcdcdc; cursor: default;}

.frmPlace{float: right; overflow: hidden; margin: 5px 0 0 0;}
    .frmPlace input{font-size: 15px;}

.frmOrder h2{font-size: 30px; font-weight: bold; font-family: "Conv_Conduit_ITC_Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #000000; margin: 42px 0 37px 5px; padding: 0 0 0 25px; background: url(../images/uiIconLink.png) no-repeat 0 0; text-shadow: 1px 1px 1px #ff9e11;}
    .cntPage .frmOrder h2{margin: 42px 0 24px 5px;}
    .frmOrder p{margin: 0 0 20px 24px;}
    .frmOrder label{float: left; color: #ffffff; font-size: 20px; line-height: 33px;}
    .frmOrder label.lblDistrict{width: auto; margin: 0 12px;}
    .frmOrder .btnType-1{margin: 0 0 0 80px;}
    .cntPage .frmOrder .btnType-1{margin: -4px 0 0 10px;}

.frmJoin{overflow: hidden; width: 280px;}
.frmGeneral.frmJoin .btnType-2{margin: 0;}
.frmSearch{width:220px; float:left;}
    .frmSearch input{border: 0px none; width: 159px; height: 19px; line-height: 19px; line-height: 19px; padding: 0; font-style: italic; font-size: 11px; color: #767676;}
    .frmSearch .btnSearch{background: url(../images/uiIcon.png) no-repeat 0 -16px; border: 0 none; cursor: pointer; width: 19px; height: 19px; margin: 0 9px 0 7px; padding: 0; vertical-align: top; text-indent: -3000px;}
    .frmSearch .btnSearch:hover{background: url(../images/uiIcon.png) no-repeat -40px -16px;}

.frmGeneral.frmBook .btnType-2{margin:0}
    #context .frmBook ul{ padding-top:20px}
    .frmBook li{ display:block; list-style:none; padding:0 0 10px 10px; overflow:hidden}
    *+html .frmBook li{ padding:0 0 8px 10px;}
    .frmBook label{ padding-bottom:3px; line-height:13px}
    .frmGeneral.frmBook .inpType-2 input{ width:180px}
    .frmBook .inpTypeSelect-3 input{ width:161px}
    .frmBook li.last{ text-align:center; padding:10px 0 0 0}

.frmGeneral.frmConfirm label{ width:103px; float:left}
    .frmGeneral.frmConfirm input[type="radio"]{ width:13px; height:13px; float:left}
    .frmGeneral.frmConfirm .inpType-2 input{ width:175px}

    .frmConfirm .inpTypeSelect-3 input{ width:157px}
    .frmGeneral .inpType-4{ background-position:0 -1200px; height:152px; padding:0 0 0 8px}
    .frmGeneral .inpType-4 span{ background-position:100% -1200px; height:152px; padding:0 8px 0 0}
    .frmGeneral .inpType-4 span span { background:url(../images/uiElementForm.png) 0 -1360px repeat-x; margin:0; width: 176px; height: 142px; padding: 5px 0;}
    .frmGeneral .inpType-4 textarea { margin:0; width:100%; height: 130px; resize:none; border:none}
    .frmGeneral.frmConfirm .paymentChk{ width:280px; padding-left:10px}
    .frmGeneral.frmConfirm .paymentChk li{ padding:0; height:20px; line-height:20px; vertical-align:middle}
    .frmGeneral.frmConfirm .paymentChk p{ width:90px; float:left}
    .frmGeneral.frmConfirm .paymentChk p span{ color:red}

    .rdBoxType { background: url(../images/uiElementForm.png) no-repeat -80px -717px; display: block; height: 20px; width: 16px; overflow: hidden; display: inline-block; margin: 0 8px 0 0; vertical-align: middle; float:left}
    .rdBoxTypeChecked { background: url(../images/uiElementForm.png) no-repeat -104px -717px;}
    .rdBoxType input{ visibility: hidden; height: 16px; }

.frmTransferPoints{ overflow:hidden; padding:20px 0 0 0;border-top:1px solid #e0e0e0;margin:15px 0 45px}
    .frmGeneral.frmTransferPoints label{ width:auto; height:22px; line-height:22px; padding: 0 10px 0 0; color: #666666;}
    .frmGeneral.frmTransferPoints .inpType-2.small input{ width:85px}
	.frmGeneral.frmTransferPoints .inpType-2.medium input{ width:135px}
    .frmGeneral.frmTransferPoints .inpType-2 input{ width:185px}
	.frmGeneral.frmTransferPoints .inpType-2{margin-right:35px}

.frmProfile{ overflow:hidden; padding:20px 0 0 0}
    .frmGeneral.frmProfile label{ width:auto; height:22px; line-height:22px; padding: 0 15px 0 0; color: #666666;}
    .frmGeneral.frmProfile .inpTypeSelect-3{ margin:0 40px 0 0}
    .frmGeneral.frmProfile .inpTypeSelect-3 input{ width:180px}
    .frmGeneral.frmProfile .inpType-2 input{ width:200px}
	
.frmProfileUser{ overflow:hidden; margin: 0 0 0 10px;}
    .frmProfileUser h4{color: #000000; font-weight: bold; font-size: 20px; margin: 15px 0;}
    .frmProfileUser p{width: 100%; margin: 0 0 10px 0;}
    .frmProfileUser label{width: 150px; color: #652f19; font-weight: bold; font-size: 15px;}
    .frmProfileUser label.labelType-02{font-weight: normal; font-size: 12px; color: #666666; width: auto; margin: 0 0 0 10px;}
    .frmProfileUser input{font-size: 15px;}
    .frmProfileUser .chkBoxType{float: left;}
    .frmProfileUser .lnkReview{font-weight: bold; font-size: 12px; margin: 10px 0 0 0;}    


/*7./// Buttons :///////////////Style sheets of button elements/////////////*/
/*Link Button */
/*Link Button */
/*8./// Common classes :////////Style sheets of a single class//////////////*/
.loading {}
.hidden {display:none}
.floatL { float:left}
.floatR { float:right}
.txtAlignC {text-align:center}
.date{font-size: 10px; color: #8b8b8b; font-style: italic;}

.hlText{color: #ff7215;}
.txtBack{ float:right; font-size:15px; background:url(../images/uiIconLink.png) 0 -236px no-repeat; padding:5px 0 5px 30px; font-weight:normal}
	.txtBack a{ color:#666666}
	.txtBack a:hover{ color:#ff440c; text-decoration:none}

.mar116{margin: 0 0 0 116px;}
.marTop10{margin-top: 10px;} 
.alertPopup{text-align: center; color: #B70005; font-size: 12px; margin: 50px 0;}

/*9./// CSS Sprites :////////////Styles sprite to all templates//////////////*/	
span.uiIcon{cursor:pointer; display:block; text-align:left; text-indent:-3000px;}
.uiIcon {background: url(../images/uiIcon.png) no-repeat scroll 0 0;}
.initEn {background-position: 0 0; height: 11px; width: 16px; border: 1px solid transparent;}
.initVn {background-position: -40px 0; height: 11px; width: 16px; border: 1px solid transparent;}

.initYahoo {background-position: -80px 0; height: 46px; width: 56px;}
.initSkype {background-position: -160px 0; height: 46px; width: 42px;}

.initIcon-1{background-position: 0 -80px; width: 18px; height: 37px;}
.initIcon-1:hover{background-position: -80px -80px;}
.initIcon-2{background-position: -40px -80px; width: 18px; height: 37px;}
.initIcon-2:hover{background-position: -120px -80px;}

.initIcon-3{background-position: 0 -200px; width: 11px; height: 10px;}
.initIcon-3:hover{background-position: -80px -200px;}
.initIcon-4{background-position: -40px -200px; width: 11px; height: 10px;}
.initIcon-4:hover{background-position: -120px -200px;}

.initIcon-5{background-position: -160px -200px; width: 11px; height: 10px;}
.initIcon-5:hover{background-position: -280px -200px;}
.initIcon-6{background-position: -200px -200px; width: 11px; height: 10px;}
.initIcon-6:hover{background-position: -280px -200px;}

.initIcon-7{background-position: 0 -240px; width: 16px; height: 16px;}
.initIcon-8{background-position: -40px -240px; width: 34px; height: 15px; vertical-align: top; display: inline-block; margin: 0 0 0 10px;}

.initIcon-9, .collapse span.uiIcon{background-position: 0 -280px; width: 15px; height: 16px;}
.initIcon-9:hover, .collapse span.uiIcon:hover{background-position: -24px -280px;}
.initIcon-10, .collapse-active span.uiIcon{background-position: -48px -280px; width: 15px; height: 16px;}
.initIcon-10:hover, .collapse-active span.uiIcon:hover{background-position: -72px -280px;}

.initUp{background-position: -136px -280px; width: 9px; height: 5px;}
.initUp:hover, .lstData .lstHeading a:hover .initUp{background-position: -120px -280px;}
.initDown{background-position: -176px -280px; width: 9px; height: 5px;}
.initDown:hover, .lstData .lstHeading a:hover .initDown{background-position: -160px -280px;}

.initIcon-11{background-position: 0 -320px; width: 19px; height: 18px;}
.initIcon-11:hover{background-position: -24px -320px;}

.initIcon-12{background-position: -160px -80px; width: 10px; height: 13px;}
.initIcon-12:hover{background-position: -176px -80px;}
.initIcon-13{background-position: -200px -80px; width: 10px; height: 13px;}
.initIcon-13:hover{background-position: -216px -80px;}

.initIcon-14{background-position: -200px -280px;}
.initIcon-14:hover, .cntTab .cntReview .colReview:hover .initIcon-14{background-position: -120px -280px;}
.initIcon-15{background-position: -216px -280px;}
.initIcon-15:hover, .cntTab .cntReview .colReview:hover .initIcon-15{background-position: -160px -280px;}
.initIcon-16{background-position: 0 -300px; width: 36px; height: 30px;}
.initIcon-17{background-position: -60px -300px; width: 60px; height: 18px;margin-top:6px}
.initIcon-18{background-position: -150px -300px; width: 30px; height: 30px;}
.initIcon-19{background-position: -210px -300px; width: 30px; height: 30px;}
.initIcon-20{background-position: -270px -300px; width: 30px; height: 30px;}
.initIcon-21{background-position: 0 -360px; width: 30px; height: 30px;}
.initIcon-22{background-position: -60px -360px; width: 30px; height: 30px;}
.initIcon-23{background-position: -120px -360px; width: 30px; height: 30px;}
.initIcon-24{background-position: -180px -360px; width: 30px; height: 30px;}
.initIcon-25{background-position: -240px -360px; width: 30px; height: 30px;}
.initIcon-26{background-position: 0 -420px; width: 30px; height: 30px;}
.initIcon-27{background-position: -60px -420px; width: 30px; height: 30px;}
.initIcon-28{background-position: -240px -240px; width: 18px; height: 18px;}
.uiElmForm, .uiElmForm input, .uiElmForm span, .uiElmForm a{background: url(../images/uiElementForm.png) no-repeat 0 0; display: block; float: left; border: 0;}
	
    .inpType-1 {background-position: 0 -120px; padding: 0 0 0 14px; height: 33px;}
    .inpType-1 span { background-position: 100% -120px; padding: 0 14px 0 0; height: 33px;}
    .inpType-1 input { background-position: 0 -160px; background-repeat: repeat-x; width: 404px; height: 17px; padding: 8px 0;}
    
    .inpType-2 {background-position: 0 -400px; padding: 0 0 0 8px; height: 26px;}
    .inpType-2 span { background-position: 100% -400px; padding: 0 8px 0 0; height: 26px;}
    .inpType-2 input { background-position: 0 -440px; background-repeat: repeat-x; width: 260px; height: 16px; padding: 5px 0;}
    
    .inpType-3 {background-position: 0 -400px; padding: 0 0 0 8px; height: 26px;}
    .inpType-3 span { background-position: 100% -400px; padding: 0 8px 0 0; height: 26px;}
    .inpType-3 input { background-position: 0 -440px; background-repeat: repeat-x; width: 260px; height: 16px; padding: 5px 0;}
    
    .inpTypeSelect{background-position: 0 0; padding: 0 0 0 8px; height: 35px;}
    .inpTypeSelect input{background-position: 0 -80px; background-repeat: repeat-x; width: 133px; height: 17px; padding: 9px 0 9px 5px;}
    .inpTypeSelect a{background-position: 100% 0; width: 30px; height: 35px;}
    .inpTypeSelect a:hover{background-position: 100% -40px;}
    
    .inpTypeSelect-2{background-position: 0 -120px; padding: 0 0 0 14px; height: 33px;}
    .inpTypeSelect-2 input{background-position: 0 -160px; background-repeat: repeat-x; width: 128px; height: 17px; padding: 8px 0;}
    .inpTypeSelect-2 a{background-position: 100% -200px; width: 30px; height: 33px;}
    .inpTypeSelect-2 a:hover{background-position: 100% -240px;}
    
    .inpTypeSelect-3{background-position: 0 -560px; padding: 0 0 0 12px; height: 26px;}
    .inpTypeSelect-3 input{background-position: 0 -600px; background-repeat: repeat-x; width: 120px; height: 16px; padding: 5px 0;}
    .inpTypeSelect-3 a{background-position: 100% -560px; width: 22px; height: 26px;}
    .inpTypeSelect-3 a:hover{background-position: 100% -640px;}
    
    .inpTypeSelect-4{background-position: 0 -1600px; padding: 0 0 0 8px; height: 33px;}
    .inpTypeSelect-4 input{background-position: 0 -1680px; background-repeat: repeat-x; width: 226px; height: 17px; padding: 9px 0 9px 5px;}
    .inpTypeSelect-4 a{background-position: 100% -1600px; width: 37px; height: 33px;}
    .inpTypeSelect-4 a:hover{background-position: 100% -1640px;}
				
    .frmGeneral .btnType-1{display: inline; overflow: visible; padding: 0 27px 0 48px; width: auto; background-color: transparent; border: 0 none; cursor: pointer;}    
    .frmGeneral .btnType-1 .btn{background: url(../images/uiElementForm.png) repeat 0 -328px; color: #FFFFFF; font-size: 22px; font-weight: bold; height: 41px; line-height: 39px; position: relative; white-space: nowrap; text-shadow: 1px 1px 3px #333333; padding: 0 3px;}
    .frmGeneral .btnType-1 img.btn {height: 41px; width: 48px; position: absolute; top: 0;}
    .frmGeneral .btnType-1 img.btn.btnLeft {background-position: 0 -280px; left: -48px; width: 48px;}
    .frmGeneral .btnType-1 img.btn.btnRight {background-position: 100% -280px; right: -27px; width: 27px;}
    
    .frmGeneral .btnType-1:hover .btn{background-position: 0 -1128px;}
    .frmGeneral .btnType-1:hover img.btn.btnLeft {background-position: 0 -1080px;}
    .frmGeneral .btnType-1:hover img.btn.btnRight {background-position: 100% -1080px;}
    
    .frmGeneral .btnType-2{display: inline; overflow: visible; padding: 0 16px 0 26px; width: auto; background-color: transparent; border: 0 none; cursor: pointer; margin: 0 0 0 25px;}       
    .frmGeneral .btnType-2 .btn{background: url(../images/uiElementForm.png) repeat 0 -520px; color: #FFFFFF; font-size: 15px; font-weight: bold; height: 28px; line-height: 26px; position: relative; white-space: nowrap; padding: 0 3px; text-shadow: 1px 1px 3px #333333; }
    .frmGeneral .btnType-2 img.btn {height: 28px; width: 28px; position: absolute; top: 0;}
    .frmGeneral .btnType-2 img.btn.btnLeft {background-position: 0 -480px; left: -26px; width: 26px; border: 0;}
    .frmGeneral .btnType-2 img.btn.btnRight {background-position: 100% -1720px; right: -16px; width: 16px; border: 0;}
    .frmGeneral .btnType-2:hover .btn{background-position: 0 -1040px;}
    .frmGeneral .btnType-2:hover img.btn.btnLeft {background-position: 0 -1000px;}
    .frmGeneral .btnType-2:hover img.btn.btnRight {background-position: 100% -1760px;}
    
    /* Link type btnType-2 */
    a.btnType-2, a.btnType-2 span{background: url(../images/uiElementForm.png) no-repeat 0 0;}
    a.btnType-2{background-position: 0 -480px; border: 0; padding: 0 0 0 26px; width: auto; float: left; height: 28px; font-size: 15px; font-weight: bold;}       
    a.btnType-2 .right{background-position: 100% -1720px; display: block; height: 28px; padding: 0 16px 0 0;}       
    a.btnType-2 .center{background-position: 0 -520px; background-repeat: repeat-x; color: #FFFFFF; display: block; float: left; height: 28px; line-height: 26px; font-size: 15px; font-weight: bold; text-align: center; text-shadow: 1px 1px 3px #333333; border: 0 none;}       
    a.btnType-2:hover{background-position: 0 -1000px; }       
    a.btnType-2:hover .right{background-position: 100% -1760px;}       
    a.btnType-2:hover .center{background-position: 0 -1040px;}       
    
    
    .btnType-3{display: inline; overflow: visible; padding: 0 24px 0 42px; width: auto; background-color: transparent; border: 0 none; cursor: pointer;}    
    .btnType-3 .btn{background: url(../images/uiElementForm.png) repeat 0 -960px; color: #FFFFFF; font-size: 20px; font-weight: bold; height: 37px; line-height: 35px; position: relative; white-space: nowrap; text-shadow: 1px 1px 3px #333333; padding: 0 3px;}
    .btnType-3 img.btn {height: 37px; width: 42px; position: absolute; top: 0;}
    .btnType-3 img.btn.btnLeft {background-position: 0 -920px; left: -42px; width: 42px;}
    .btnType-3 img.btn.btnRight {background-position: 100% -920px; right: -24px; width: 24px;}
    
    .btnType-3:hover .btn{background-position: 0 -1920px;}
    .btnType-3:hover img.btn.btnLeft {background-position: 0 -1880px;}
    .btnType-3:hover img.btn.btnRight {background-position: 100% -1880px;}
    
    
    .chkBoxType { background: url(../images/uiElementForm.png) no-repeat 0 -720px; display: block; height: 17px; width: 17px; overflow: hidden; display: inline-block; margin: 0 8px 0 0; vertical-align: middle;}
    .chkBoxTypeChecked { background: url(../images/uiElementForm.png) no-repeat -40px -720px;}
    .chkBoxType input{ visibility: hidden; height: 17px; }
                  
    .uiFrame{background-image: url(../images/uiFrame.png);}    
        
/*10.// Common ID ://///////////Common ID of all templates//////////////////*/
    /*Id on body tab*/
    /*Structute Style 01*/
    #defauPage #main , #defauPage #wrapMain {}
    #defauPage #content {}
    /*Structute Style 01*/
    #photoPage #wrapMain {}
    #photoPage #main {}
    